<ion-view title="售卖详情">
    <ion-nav-buttons side="right">
        <a class="button button-icon icon ion-home" href="#/app/boxs"></a>
    </ion-nav-buttons>
  <ion-content class="has-header"  padding="true" has-bouncing="true" overflow-scroll="false">
      <ion-refresher pulling-text="下拉刷新" refreshing-text="玩命加载中, 请稍候..." refreshing-icon="ion-loading-c" on-refresh="refresh()" >
      </ion-refresher>
      <div id="nullBoxs" style="font-size: 18px;height: 300px;text-align: center;display: none">
          <span style="line-height: 300px">当前没有数据</span>
      </div>


      <ion-list >
          <!--<ion-item  ng-repeat="data in datas" href="#/app/sellParState/{{data.box_id}}" >-->
              <!--{{data.box_id}}-->
          <!--</ion-item>-->
          <ion-item class="box-first" ng-repeat="door in doors" style="cursor: pointer" ng-click="sellGoods($index)">
              <table style="border: 0px;">
                  <tr>
                      <td style="width: 65%;border: 0px" >
                          <a><span style="">{{door.title}}</span></a>
                      </td>
                      <td style="width: 10%;border: 0px">
                          位置：
                      </td>
                      <td style="width:25%;text-align: center;border: 0px">

                          <div style="float: right;margin-right: 10px">
                              <table class="testTab" ng-style="door.wid">
                                  <tr ng-repeat="row in door.rows">
                                      <td ng-repeat="column in door.columns"   style="width: 12px;height: 12px;">
                                          <div ng-if="door.index==(row-1)*door.columns.length+column" style="background-color: #ff0000;width: 100%;height: 100%;margin: 0px">

                                          </div>
                                      </td>
                                  </tr>
                              </table>
                          </div>

                      </td>
                      <!--<td style="width: %;text-align: center;border: 0px;color: green" ng-if="door.empty">-->

                      <!--</td>-->
                      <!--<td style="width: 45%;text-align: center;border: 0px;color: #ff0000" ng-if="!door.empty">-->

                      <!--</td>-->
                      <!--<td style="width: 20%;border: 0px;">-->
                          <!--<div style="float: right">-->
                              <!--&lt;!&ndash;<a class="button button-stable button-small" ng-show="door.empty" style="padding: 0px 20px">上架</a>&ndash;&gt;-->
                              <!--<a class="button button-positive button-small"  ng-click="sellGoods($index)" style="padding: 0px 20px;">查看</a>-->
                          <!--</div>-->
                      <!--</td>-->
                  </tr>
              </table>
          </ion-item>
      </ion-list>
  <ion-infinite-scroll ng-if="isMore" icon="ion-loading-c" on-infinite="loadMoreData()" distance="1%"></ion-infinite-scroll>

  </ion-content>
</ion-view>

